<template>
  <div>
    <ul>
      <li v-for="item in arr" :key="item.path">
        <keep-alive
          ><router-link :to="item.path">{{
            item.content
          }}</router-link></keep-alive
        >
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  name: '',
  data () {
    return {
      arr: [
        { path: '/zhengzu', content: '整租' },
        { path: '/hezhu', content: '合租' },
        { path: '/map', content: '地图找房' },
        { path: '/zhengzu', content: '去出租' },
      ]
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
ul {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
</style>
